@mixin xin{
    width: 1090px;
    height: 100%;
    margin: 0 auto;
}
@mixin  clear {
    content:"";  
    height:0;  
    visibility:hidden;  
    display:block;  
    clear:both;  
    
}
.map{
    background-color: #f5f5f5;
    padding-bottom: 30px;
    .map_max{
        @include xin();
        .header_map{
            font-size: 12px;
    color: #333;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px;
        }
        .map_min{
            background-color: white;
            padding-bottom: 60px;
            .map_min_header{
                .map_min_header1>span,.map_min_header12{
                    float: left;
                    
                }
                
                .map_min_header1:after{  
                   @include clear()
                    } 
                .map_min_header1{
                    
                    border-bottom: 1px dotted #ccc;
                    width: 1010px;
                    margin: 0 auto;
                    padding: 30px 0px ;
                    span{
                        font-size: 14px;
                        color: #999;
                    }
                    .map_min_header12{
                        width: 930px;
                        // margin: 20px 0 0 50px;

                        a{
                            margin: 5px 10px;
                            display: inline-block;
                            font-size: 14px;
                            color: black;
                        }
                        a:hover{
                            color: #cc9756;
                        }
                    }
                }
            }


            .mods1{
                width: 1010px;
                margin: 0 auto;
               }
               .mods1::after{
                @include clear()
               }
            
              dl:hover{
                background-color: #f4f0ea;
              }
                dl{
                    background-color: white;
                    // width: 260px;
                    float: left;
                    // margin-top: 20px;
                    cursor: pointer;
                    margin:20px 3.5px ;
                    
                    
                    dt{
                        background-color: #f4f4f4;
                        img{
                            width: 245px;
                            height: 245px;
                        }
                    }
                    .dd1{
                        text-align: center;
                        margin: 30px auto 0;
                        width: 156px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                    }
                    .dd2{
                        margin:5px auto 0;
                        text-align: center;
                        font-size: 13px;
                        color: red;
                        span{
            
                            color: #ccc;
                            margin: 0;
                        }
                    }
                    
                }
        }
    }

}